<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>生管排配表</title>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="pragma" content="no-cache"/>
		<meta http-equiv="cache-control" content="no-cache"/>
		<meta http-equiv="expires" content="0"/>	
		<link rel="stylesheet" href="./4/lumen/bootstrap.css" media="screen"/>
		<link rel="stylesheet" href="./_assets/css/custom.min.css"/>
	</head>
<body>
	<div class="container">
		<form>
			<legend>生管排配表</legend>
			<div class="form-group row">
			  <label class="col-sm-2 col-form-label" for="inputDefault">報表編號:</label>
			  <div class="col-sm-2">
				<input class="form-control" id="SE" type="text">
			  </div>
			  <div class="col-sm-2">
				
			  </div>
			  <div class="col-sm-2">
				
			  </div>
			  <div class="col-sm-2">
				<button type="button" id="Clearesqty" >保存</button>
			  </div>
			  <div class="col-sm-2">
				<button type="button" id="Clearesqty" >提交</button>
			  </div>
			</div>	
			
			<div class="form-group row">
			  <label class="col-sm-2 col-form-label" for="inputDefault">工序:</label>
			  <div class="col-sm-2">
			  <input   class="form-control"  id="qty" type="text">
			  </div>
			  <label class="col-sm-2 col-form-label" for="inputDefault">產品類型:</label>
			  <div class="col-sm-2">
			  <input readonly=""  class="form-control"  id="sqty" type="text">
			  </div>
			  
			</div>
			<div class="form-group row">
			  <label class="col-sm-2 col-form-label" for="inputDefault">日期:</label>
			  <div class="col-sm-2">
			  <input   class="form-control"  id="qty" type="text">
			  </div>
			  <label class="col-sm-2 col-form-label" for="inputDefault">周別:</label>
			  <div class="col-sm-2">
			  <input   class="form-control"  id="sqty" type="text">
			  </div>
			  <label class="col-sm-2 col-form-label" for="inputDefault">班別:</label>
			  <div class="col-sm-2">
			  <input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2">
			  <label class="custom-control-label" for="customRadio1">A</label><br>
			  <input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2">
			  <label class="custom-control-label" for="customRadio1">B</label>
			  </div>
			  
			</div>

			
			<div id="mytable"></div>
			
		</form>
			<div class="form-group row">
			  <div class="col-sm-2">
			  </div>
			  <div class="col-sm-2">
			  </div>
			  <div class="col-sm-2">
			  </div>
			  <div class="col-sm-2">
			  </div>
			  <div class="col-sm-2">
				<button type="button" id="Clearesqty" >保存</button>
			  </div>
			  <div class="col-sm-2">
				<button type="button" id="Clearesqty" >提交</button>
			  </div>
			</div>
			<div class="form-group row">
			</div>
		
		<p class="lead">
			<a class="btn btn-primary btn-lg" href="index.html" role="button">返回</a>
		</p>
	</div>
	
	<link rel="stylesheet" type="text/css" href="./jexcel-master/dist/css/jquery.jexcel.css" />
    <script src="./_vendor/jquery/dist/jquery.min.js"></script>
	<script src="./jexcel-master/dist/js/jquery.jexcel.js"></script>
    <script src="./_vendor/popper.js/dist/umd/popper.min.js"></script>
    <script src="./_vendor/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="./_assets/js/custom.js"></script>
	
	
	
<script>
	data = [
    ['Google', 1998, 807.80],
    ['Apple', 1976, 116.52],
    ['Yahoo', 1994, 38.66],
	];
	
	$('#mytable').jexcel({ data:data,
		columns: [
				{ type:'text', wordWrap:true }
			],		
		colHeaders:['工单','机台号','產品型號','產品系列','計劃產能','排配工時'],
		colWidths: [ 100, 80, 100,100,100,100,100,100,100,100,100,100,100,100,100,100,50,50,50,50,50,50,50,50 ]			
					});
	<!-- colWidths: [ 100, 80, 100 ] -->
	
</script>
	
</body>
</html>
